<template>
    <div class="common-table el-table--scrollable-y">
        <table border stripe class="el-table el-table--border" style="margin-bottom: 40px;">
            <thead>
                <tr>
                    <td colspan="6" style="text-align: center">管理员详情</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>姓名</td>
                    <td>张三</td>
                    <td>姓名</td>
                    <td>男</td>
                    <td>年龄</td>
                    <td>7777</td>
                </tr>
                <tr class="tdTwo">
                    <td>姓名</td>
                    <td >张三</td>
                    <td >姓名</td>
                    <td >男</td>
                    <td >年龄</td>
                    <td >7777</td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>张三</td>
                    <td>姓名</td>
                    <td>男</td>
                    <td>年龄</td>
                    <td>7777</td>
                </tr>
                <tr class="tdTwo">
                    <td>姓名</td>
                    <td >张三</td>
                    <td >姓名</td>
                    <td >男</td>
                    <td >年龄</td>
                    <td >7777</td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>张三</td>
                    <td>姓名</td>
                    <td>男</td>
                    <td>年龄</td>
                    <td>7777</td>
                </tr>
                <tr class="tdTwo">
                    <td>姓名</td>
                    <td >张三</td>
                    <td >姓名</td>
                    <td >男</td>
                    <td >年龄</td>
                    <td >7777</td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>张三</td>
                    <td>姓名</td>
                    <td>男</td>
                    <td>年龄</td>
                    <td>7777</td>
                </tr>
                <tr class="tdTwo">
                    <td>姓名</td>
                    <td >张三</td>
                    <td >姓名</td>
                    <td >男</td>
                    <td >年龄</td>
                    <td >7777</td>
                </tr>
            </tbody>
        </table>
        <table border stripe class="el-table el-table--border" style="margin-bottom: 40px;">
            <thead>
            <tr>
                <td colspan="6" style="text-align: center">管理员详情</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            </tbody>
        </table>
        <table border stripe class="el-table el-table--border" style="margin-bottom: 40px;">
            <thead>
            <tr>
                <td colspan="6" style="text-align: center">管理员详情</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>张三</td>
                <td>姓名</td>
                <td>男</td>
                <td>年龄</td>
                <td>7777</td>
            </tr>
            <tr class="tdTwo">
                <td>姓名</td>
                <td >张三</td>
                <td >姓名</td>
                <td >男</td>
                <td >年龄</td>
                <td >7777</td>
            </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
    }
</script>
<style lang="scss" scoped>
    @import "../../assets/scss/common";
</style>
<style lang="scss" scoped>
    .common-table {
        background-color: #fff;
        position: relative;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 68vh;
    }

    .tdTwo {
        background: #FAFAFA;
    }

    td {
        padding-left: 10px;
    }
</style>

